﻿@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1100px){
	body{ width:1100px !important; margin:0 auto;}
}

*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto; overflow:hidden;}
.clear{ clear:both; height:0;}
a{ text-decoration:none;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:"微软雅黑";}

.top_bg{ height:45px; line-height:45px; border-bottom:1px solid #eef2f6; font-size:14px; color:#666;}
.wel{ float:left;}
.tel1{ float:right; background:url(../img/tel1.png) left center no-repeat; padding-left:16px;}
.tel2{ float:right; background:url(../img/tel2.png) left center no-repeat; padding-left:22px; margin-right:40px;}

.logo_bg{ height:105px;}
.logo{ float:left; margin-top:22px;}
.nav{ float:right;}
.nav li{ float:left; line-height:105px; margin-left:40px;}
.nav a{ color:#333;}
.nav a:hover{ color:#0a669f;}
.cur{ color:#0a669f !important;}

.banner{ position:relative; width:100%; height:550px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner li{ list-style-type:none;}
.banner .slides li{ width:100%; height:100%;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width:100%; position: absolute; bottom: 18px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display:inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { display:inline-block; height:10px; overflow: hidden; text-indent: -99em; width:10px; cursor:pointer; border-radius:5px; background:#fafafa;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#0a669f;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.title1{ text-align:center; font-size:22px; color:#414e5f; margin-top:50px; cursor:default;}
.title2{ text-align:center; font-size:32px; color:#414e5f; font-weight:bold; text-transform:uppercase; cursor:default;}
.title3{ width:80px; height:1px; background:#0a669f; margin:10px auto 30px;}

.product{ padding-bottom:20px;}
.pro_bg{ width:1120px;}
.pro1{ width:254px; height:254px; display:block; float:left; border:3px solid #fff; margin-right:20px;}
.pro1:hover{ border-color:#0a669f;}
.pro1_pic{ width:254px; height:254px; overflow:hidden;}
.pic{ width:100%; height:100%; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;}
.pic:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.about{ padding-bottom:80px;}
.about_left{ float:left; width:520px; height:290px; border:10px solid #414e5f; margin-top:23px;}
.about_pic{ position:absolute; width:470px; height:355px; background:url(../img/about.jpg) center no-repeat; margin-left:35px;}
.welcome{ position:absolute; background:#43b9f6; color:#fff; font-size:14px; padding:10px; box-shadow:2px 2px 5px #333; margin-left:394px; margin-top:245px;}
.about_right{ float:right; width:520px; margin-top:10px;}
.about_t{ font-size:22px; color:#414e5f; font-weight:bold; margin:15px 0;}
.about_desc{ font-size:14px; color:#333; line-height:24px;}
.about_desc p{ padding:5px 0;}
.about_more{ display:block; width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; background:#fe7a40; color:#fff; border:1px solid #fe7a40; margin-top:20px;}
.about_more{ -moz-transition:ease .2s; -o-transition:ease .2s; -webkit-transition:ease .2s; transition:ease .2s;}
.about_more:hover{ background:none; color:#fe7a40;}

.product2{ background:#0a669f; padding-bottom:60px;}
.product2 .title1{ color:#fff;}
.product2 .title2{ color:#fff;}
.product2 .title3{ background:#fe7a40;}
.pro_nav{ text-align:center; margin-bottom:20px;}
.pro_nav a{ display:inline-block; color:#fff; width:180px; text-align:center; line-height:40px; margin:0 5px;}
.pro_nav a:hover{ background:#fff; color:#0a669f;}
.pro_nav2{ margin-top:40px; margin-bottom:40px;}
.pro_nav2 a{ color:#0a669f; background:#ddd;}
.pro_nav2 a:hover{ background:#0a669f; color:#fff;}
.cur3{ background:#0a669f !important; color:#fff !important;}
.cur2{ background:#fff; color:#0a669f !important;}
.pro1_bg{ position:relative; height:450px; overflow:hidden;}
.pro1_bg ul{ position:absolute; left:0; top:0;}
.pro1_bg li{ list-style-type:none; width:1100px; height:450px; float:left;}
.pro2_bg{ background:#fff; height:450px;}
.pro21{ float:left; width:549px; height:450px; border-right:1px solid #0a669f;}
.pro22{ float:right; width:469px; height:370px; border-left:1px solid #0a669f; padding:40px;}
.pro2_t{ font-size:18px; color:#333; font-weight:bold; margin-top:20px;}
.pro2_desc{ font-size:14px; line-height:45px; margin-top:20px;}
.pro2_desc p{ border-bottom:1px dashed #ddd;}

.news1_bg{ width:1160px; padding-bottom:40px;}
.news1{ width:520px; border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:25px; float:left; margin-right:60px;}
.news11{ float:left; width:180px; height:130px;}
.news12{ float:right; width:320px;}
.news1_t{ font-size:16px; margin-top:5px;}
.news1_t a{ color:#333;}
.news1_t a:hover{ color:#0a669f;}
.news1_time{ font-size:12px; color:#666; line-height:35px;}
.news1_desc{ font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.news_more{ margin-top:0; margin-left:475px;}

.foot_bg{ background:#404d60; padding:40px 0 30px;}
.foot1{ float:left; width:680px; margin-top:20px;}
.foot_logo{ margin-bottom:15px;}
.foot_nav{ float:left; font-size:14px; line-height:30px;}
.foot_nav a{ color:#8995ae;}
.foot_nav p:first-child a{ color:#fff;}
.foot_nav a:hover{ color:#fff;}
.foot_contact{ float:left; border-left:1px solid #536074; font-size:14px; color:#8995ae; line-height:30px; margin-left:50px; padding-left:50px;}
.foot_contact p:first-child{ color:#fff;}
.foot_contact a{ color:#8995ae;}
.foot_contact a:hover{ color:#fff;}
.foot_con1{ background:url(../img/c1.png) 2px center no-repeat; padding-left:20px;}
.foot_con2{ background:url(../img/c2.png) left center no-repeat;}
.foot_con3{ background:url(../img/c3.png) left center no-repeat;}
.foot_con4{ background:url(../img/c4.png) left center no-repeat;}
.foot_con5{ background:url(../img/c5.png) 2px center no-repeat;}

.foot2{ float:right; width:370px; margin-top:10px;}
.foot_t{ font-size:16px; color:#fff; margin-bottom:20px;}
.message input{ margin-bottom:10px;}
.message textarea{ margin-bottom:10px;}
.m1{ width:170px; height:55px; line-height:55px; background:#344050; color:#8995ae; border:none; outline:none; padding:0 5px; font-family:"微软雅黑"; font-size:14px;}
.m3{ width:355px; height:55px; line-height:55px; background:#344050; color:#8995ae; border:none; outline:none; padding:0 5px; font-family:"微软雅黑"; font-size:14px; resize:none;}
.m4{ width:365px; height:40px; line-height:40px; text-align:center; background:#0186d5; color:#fff; border:none; outline:none; font-family:"微软雅黑"; font-size:14px; cursor:pointer;}
.m4:hover{ background:#0091e7;}
.message input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #8995ae;
}
.message input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #8995ae;
}
.message input:-ms-input-placeholder{
    color: #8995ae;
}
.message input::-webkit-input-placeholder{
    color: #8995ae;
}
.message textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #8995ae;
}
.message textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #8995ae;
}
.message textarea:-ms-input-placeholder{
    color: #8995ae;
}
.message textarea::-webkit-input-placeholder{
    color: #8995ae;
}
.copy{ font-size:14px; line-height:50px; background:#344050; text-align:center; color:#fff;}
.copy a{ color:#fff;}
.copy a:hover{ text-decoration:underline;}

.ban{ height:450px;}
.t1{ font-size:24px; color:#333; background:url(../img/t1.jpg) left center no-repeat; padding:15px 20px; border-bottom:1px solid #ddd; margin:20px 0;}
.about_l{ float:left; width:550px;}
.about_r{ float:right; width:520px;}
.about_t1{ font-size:20px; color:#333; margin-top:10px;}
.about_desc1{ font-size:14px; color:#666; line-height:2em; margin-top:15px;}
.desc{ font-size:14px; color:#666; line-height:2em;}
.equ1_bg{ width:1116px; margin-bottom:-16px;}
.equ1{ width:263px; height:178px; float:left; margin-right:16px; margin-bottom:16px;}
.hon1_bg{ width:1116px; padding-bottom:40px;}
.hon1{ width:263px; height:350px; float:left; margin-right:16px; margin-bottom:16px;}

.pro_bg2 .pro1{ margin-bottom:60px; color:#333;}
.pro_bg2 .pro1:hover{ color:#0a669f;}
.pro_bg2 .pro1 p{ text-align:center; font-size:14px; margin-top:15px;}

.page{ margin-top:20px; margin-bottom:50px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#0a669f;}

.pro_right{ float:right; width:520px;}
.pro_t{ font-size:16px; background:#0a669f; color:#fff; padding-left:15px; line-height:40px; margin-top:20px;}
.pro_desc{ padding:15px; font-size:14px; color:#666; line-height:2em; margin-bottom:40px;}
.pro_desc a{ color:#0a669f;}

.news_t1{ text-align:center; font-size:18px; color:#0a669f;}
.news_t2{ text-align:center; font-size:14px; color:#666; line-height:50px;}
.news_desc{ border-top:1px solid #ddd; margin-top:10px; padding:20px 15px 50px 15px; font-size:14px; color:#666; line-height:2em;}
.news_desc a{ color:#0a669f;}

.contact{ font-size:14px; color:#666; line-height:2em;}
.contact a{ color:#0a669f;}
.map{ margin-top:25px; padding-bottom:50px;}